/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      backgroundImage: {
        login: 'url("/src/assets/login-bg.png")',
      },
      backdropBlur: {
        xl: '20px',
      },
      colors: {
        primary: '#4C68FF',
        black: '#14151C',
        'level-3-l': '#7982A2',
        // 'chart-bg-dark': '#31344C',
        // 'chart-bg-light': '#EBEFF5',
        // 'container-bg-dark': '#272E4499',
        // 'container-bg-light': '#FFFFFF99',
      },
      fontSize: {
        '5xl': '2.5rem',
      },
      width: {
        'login-wrapper': '706px',
        'card': '372px'
      },
      height: {
        'card': '325px'
      },
      boxShadow: {
        'login-card': '0px 24px 40px 0px rgba(45, 87, 150, 0.04);',
      },
    },
  },
  plugins: [],
};
